<template>
	<view>
		<view class="top-container" v-if="flag">
			<image :src="img.logo" mode="widthFix" class="logo"></image>
			<text class="title">北京市神州互联网医院</text>
			<view class="qrcode-container">
				<view class="qrcode"><uqrcode ref="qrcode" canvas-id="qrcode" size="140" :value="outTradeNo"></uqrcode></view>
				<text>就诊请出示二维码</text>
			</view>
			<view class="step-container">
				<view class="step">
					<view class="icon-1"></view>
					<text>在门诊台取号</text>
				</view>
				<view class="line"></view>
				<view class="step">
					<view class="icon-2"></view>
					<text>安静排队候诊</text>
				</view>
				<view class="line"></view>
				<view class="step">
					<view class="icon-3"></view>
					<text>就诊出示二维码</text>
				</view>
			</view>
		</view>
		<view class="registration-container">
			<view class="title"><text>挂号信息</text></view>
			<view class="registration">
				<u-cell-group :border="false">
<!-- 					<u-cell title="就诊宠物" :border="false" :value="petName"></u-cell>
					<u-cell title="宠物品种" :border="false" :value="breed"></u-cell> -->
					<u-cell title="就诊科室" :border="false" :value="subDeptName"></u-cell>
					<u-cell title="就诊医生" :border="false" :value="doctorName"></u-cell>
					<u-cell title="挂号类型" :border="false" :value="type"></u-cell>
					<u-cell title="门诊位置" :border="false" :value="location"></u-cell>
					<u-cell title="就诊时间" :border="false" :value="datetime"></u-cell>
					<u-cell title="挂号人" :border="false" :value="patientName"></u-cell>
					<u-cell title="挂号费" :border="false" :value="amount"></u-cell>
					<u-cell  title="电子处方" :border="false" isLink :url="`/registration/prescription/prescription?registrationId=${id}`"></u-cell>
<!--           <u-cell v-if="prescriptionId != null" title="电子处方" :border="false" isLink :url="`/registration/prescription/prescription?registrationId=${id}`"></u-cell> -->
				</u-cell-group>
			</view>
		</view>
	</view>
</template>

<script>
let dayjs = require('dayjs');

export default {
	data() {
		return {
			img: {
				logo: `${this.patientUrl}/page/registration/registration_info/logo.png`
			},
			id: null,
			outTradeNo: null,
			petName:'测试宠物',
			breed:"柯基",
			patientName: '小明',
			subDeptName: '牙科',
			doctorName: '王老五',
			location: '北京仁和A幢206房间',
			date: '2024-05-01',
			slot: '',
			job: '',
			type: '微信支付',
			paymentStatus: null,
			datetime: '2024-05-01',
			amount: '50',
			json: {
				'1': '08:00',
				'2': '08:30',
				'3': '09:00',
				'4': '09:30',
				'5': '10:00',
				'6': '10:30',
				'7': '11:00',
				'8': '11:30',
				'9': '13:00',
				'10': '13:30',
				'11': '14:00',
				'12': '14:30',
				'13': '15:00',
				'14': '15:30',
				'15': '16:00'
			},
			flag: false,
      prescriptionId: null
		};
	},
	methods: {},
	onLoad: function(options) {
	    // let that = this;
	    // let id = options.id;
	    // that.id = id;
	    // let data = {
	    //     id: id
	    // };
	    // that.ajax(
	    //     that.api.searchRegistrationInfo,
	    //     'POST',
	    //     data,
	    //     function(resp) {
	    //         let data = resp.data;
	    //         that.outTradeNo = data.outTradeNo;
	    //         that.patientName = data.patientName;
	    //         that.subDeptName = data.subDeptName;
	    //         that.doctorName = data.doctorName;
	    //         that.location = data.location;
	    //         that.job = data.job;
	    //         if (['主任医师', '副主任医师'].includes(that.job)) {
	    //             that.type = '专家号';
	    //         } else {
	    //             that.type = '普通号';
	    //         }
	    //         that.date = data.date;
	    //         that.slot = data.slot;
	    //         that.datetime = data.date + ' ' + that.json[data.slot];
	    //         that.amount = data.amount + ' 元';
	    //         that.paymentStatus = data.paymentStatus;
	    //         let today = dayjs().format('YYYY-MM-DD');
	    //         if (today == that.date && that.paymentStatus == 2) {
	    //             that.flag = true;
	    //         } else {
	    //             that.flag = false;
	    //         }
     //          if (data.hasOwnProperty('prescriptionId')) {
     //                          that.prescriptionId = data.prescriptionId;
     //                      }
	    //     },
	    //     false
	    // );
	},

	onUnload: function() {
	    let pages = getCurrentPages();
	    let prevPage = pages[pages.length - 2];
	    prevPage.$vm['reload'] = false;
	}

};
</script>

<style lang="less">
@import url('registration_info.less');
</style>
